<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>课程介绍</title>
</head>

<body>
    <main>
        <div class="videoContent">
            <div id="backprev">
                <span class="iconfont iconleftarrow"></span>
            </div>
            <video id="video"></video>
            <div id="videoplayer">
                <em class="iconfont iconicon_play"></em>
                <span>视频预览</span>
            </div>
        </div>
        <div class="details">
            <h2 id="name">巧克力腹肌雕刻</h2>
            <ul class="ca-ti-peop">
                <li>
                    <em id="calorie">45</em> 千卡&emsp;&emsp;
                    <em id="time">15</em> 分钟
                </li>
                <li>
                    <span id="peoplenum">499.99</span>w人练过
                    <span class="iconfont iconarrow-right" style="font-weight: bold;"></span>
                </li>
            </ul>
            <div class="coach">
                <div class="ihp">
                    <img src="../img/default.png" alt="">
                    <div class="hp">
                        <h4>用户名</h4>
                        <p>三线达人课程设计师</p>
                    </div>
                </div>
                <button id="follow">+关注</button>
            </div>
            <div class="desc-content">
                <p id="desc">15分钟将带你雕刻出性感的巧克力父级， 对腹部进行全方位的刺激，泵感十足！ ...</p>
                <span id="more">更多</span>

            </div>
            <ul class="fre-ins">
                <li>
                    <p><span class="iconfont iconpinci" style="font-size: 26px; vertical-align: middle;"></span> 练习频次</p>
                    <p>每周<span id="frequency">3-5</span>次</p>
                </li>
                <li style="border-right: 1px dashed #bbb; margin-right: 20px;"></li>
                <li>
                    <p><span class="iconfont iconqixieshebei" style="font-size: 26px; vertical-align: middle;"></span> 器械</p>
                    <p><span id="instrument">无</span></p>
                </li>
            </ul>
            <button id="startBtn">开始训练</button>
        </div>



    </main>

</body>

</html>